<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>“火眼”——基于AIOT的火灾监测预警系统</title>
    <link rel="shortcut icon" href="ic_logo.png">
    <link type="text/css" rel="stylesheet" href="./css/login.css"/>
    <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
    <link rel="stylesheet" type="text/css" href="css/main_styles.css">
</head>
<style>
    .container{
        position: absolute;
        left: 50%;
        top:50%;
        transform: translate(-50%,-50%);
    }

    .btn-group{
        display: flex;
        justify-content: space-around;
    }
    .btn-group .btn a{
        text-decoration: none;
        color: black;
    }

</style>
<body>
<!--<div class="owl-item home_slider_item">-->
<!--    &lt;!&ndash;    <div class="home_slider_background" style="background-image:url(image/1.jpg)"></div>&ndash;&gt;-->
<!--    <div class="home_slider_content text-center">-->
<!--        <div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">-->
<!--            <h1>fire</h1>-->
<!--            <h1>disaster</h1>-->
<!--            <div class="button home_slider_button"><div class="button_bcg"></div><a href="#">Welcome<span></span><span></span><span></span></a></div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div class="container">

    <h1 style="color:#15c29e;">欢迎来到首页 </h1>
    <div class="btn-group">
        <div class="btn"><a href="./login.html">登录</a></div>
        <div class="btn"><a href="./join.html">注册</a></div>
    </div>
</div>
<!--    <iframe id="inlineFrameExample"-->
<!--            title="Inline Frame Example"-->
<!--            width="600"-->
<!--            height="600"-->
<!--            src="http://123.57.185.139/#/video">-->
<!--    </iframe>-->

</body>
</html>